<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="aa.css">
		<link rel="stylesheet" href="jquery.mobile-1.4.5.css">
		<script src="jquery-1.11.1.min.js"></script>
		<script src="jquery.mobile-1.4.5.js"></script>
	</head>
	<body>
		<div id="page1" data-role="page">
			<div data-role="header" data-theme="a"><h1>默认主题</h1></div>
			<div data-role="content">
				<input type="text" name="name1" id="name1" placeholder="请输入账号">
				<input type="text" name="name2" id="name2" placeholder="请输入密码">
				
					<a href="#" data-role="button" data-inline="true">确定</a>
					<a href="#" data-role="button" data-inline="true">注册</a>
				
			</div>
			<div data-role="footer" data-position="fixed">
				<div data-role="navbar" data-iconpos="left">
				<ul>
					<li><a href="#page1" class="ui-btn-active ui-state-persist">默认主题</a></li>
					<li><a href="#page2">主题b</a></li>
					<li><a href="#page3">自定义主题</a></li>
				</ul>
					</div>
			</div>
		</div>
		
		
		<div id="page2" data-role="page" data-theme="b">
			<div data-role="header"><h1>主题b</h1></div>
			<div data-role="content">
				<input type="text" name="name1" id="name1" placeholder="请输入账号">
				<input type="text" name="name2" id="name2" placeholder="请输入密码">
				
					<a href="#" data-role="button" data-inline="true">确定</a>
					<a href="#" data-role="button" data-inline="true">注册</a>
				
			</div>
			<div data-role="footer" data-position="fixed">
				<div data-role="navbar" data-iconpos="left">
				<ul>
					<li><a href="#page1">默认主题</a></li>
					<li><a href="#page2" class="ui-btn-active ui-state-persist">主题b</a></li>
					<li><a href="#page3">自定义主题</a></li>
				</ul>
					</div>
			</div>
		</div>
		
		<div id="page3" data-role="page">
			<div data-role="header" data-theme="g"><h1>自定义页面主题</h1></div>
			<div data-role="content" data-theme="g">
				<input type="text" name="name1" id="name1" placeholder="请输入账号">
				<input type="text" name="name2" id="name2" placeholder="请输入密码">
				
					<div class="ui-grid-a">
					    <div class="ui-block-a">
					    <a href=" " data-role="button">确定</a>
					    </div>
					    <div class="ui-block-b">
					    <a href="#pagetwo" data-role="button">注册</a>
					    </div>
					   </div>
				
			</div>
			<div data-role="footer" data-position="fixed">
				<div data-role="navbar" data-iconpos="left">
				<ul>
					<li><a href="#page1">默认主题</a></li>
					<li><a href="#page2">主题b</a></li>
					<li><a href="#page3" class="ui-btn-active ui-state-persist">自定义主题</a></li>
				</ul>
					</div>
			</div>
		</div>
	</body>
</html>
